const input = document.getElementById('input1');

function debounce(fn, delay) {
    let timer = null;
    return function() {
        if (timer) {
            clearTimeout(timer);
        }
        timer = setTimeout(() => {
            fn.apply(this, arguments);
            timer = null;
        }, delay)

    }
}

input.addEventListener('keyup', debounce(function(e) {
        console.log(e.target.value);


    }, 600))
    //下面是节流，方便对比，放在一起
    // const div1 = document.getElementById('div1')

// function throttle(fn, delay = 500) {
//     let timer = null;
//     return function() {
//         if (timer) {
//             return
//         }
//         timer = setTimeout(() => {
//             fn.apply(this, arguments);
//             timer = null;
//         }, delay)
//     }
// }


// div1.addEventListener('drag', throttle(function(e) {
//     console.log(e.offsetX, e.offsetY)
// }))

// div1.addEventListener('drag', function(event) {

// })
// const input1 = document.getElementById('input1');